<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type">
    <meta content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">
    <meta name="show-image" content="http://www.66play.com/Public/App/overwatch/images/logo4share.png.jpg" />
    <title>{$title}</title>
    <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/App/famulei/mobile/css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/App/famulei/mobile/css/common.css?v=1.0.5" />
    <script type="text/javascript" src="__PUBLIC__/App/famulei/mobile/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/famulei/js/knockout-2.3.0.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/famulei/mobile/js/swiper.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/famulei/mobile/js/plugin.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/famulei/mobile/js/mobile.js?v=1.0.1"></script>
    <script type="text/javascript">
        {:C('GLOBAL_BDHM')}
    </script>
</head>

<body>
    <header>
        <img src="__PUBLIC__/App/famulei/mobile/images/banner.jpg"/>
    </header>

    <!-- ko if: winningVideos().length < 1 && videos().length < 1-->
    <!--活动规则S-->
    <div class="rule font24">
        <h1><img src="__PUBLIC__/App/famulei/mobile/images/rules.png"/></h1>  
        <h2>规则说明</h2>   
        <p>
            <span>活动内容</span>
        只要你在66play( http://www.66play.com/)上录制《守望先锋》里的“亮眼表现”或者“全场最佳”(不一定 是你打出来的)，然后把该视频通过分享发布在伐木累上，在标题中加上#66赢大奖#即算参与活动。<br>
        你录制的“亮眼表现”可以是自己的，可以是队友的，甚至是对手的也可以!只要录到就是赚到!
        </p>
        <p>
            <span>特别说明</span>
        1. 所有活动参与内容必须以帖子的形式发布在伐木累“守望先锋主讨论区”圈子中。<br>
        2. 参与活动的视频，其66play账号和伐木累账号必须一致，否则取消获奖资格。<br>
        3. 每个ID可以发布多个活动贴，但是内容不能重复。同时每个ID每日只能获得一次奖品。<br>
        4. 获奖奖品将于中奖名单公布后7个工作日内公布。<br>
        5. 最终解释权归伐木累运营团队所有。<br>
        6. 活动教程随后发布
        </p>
        <p>
            <span>活动奖励</span>
        1. 无人可挡奖：每天我们会从所有活动帖中选出一个每日最佳“亮眼表现”，向帖子作者赠送60战网点（11个补给箱）!
        2. 幸运女神奖：就算你今天没有录到好视频也所以别灰心，幸运女神也会向你垂青。每天我们会随机抽 出3个发帖参与活动的幸运用户，向帖子作者赠送30战网点。<br>
        </p>
    </div>
    <!--活动规则E-->
    <!-- /ko -->

    <!-- ko if:winningVideos().length > 0 -->
    <div class="hightlight font24 relative">
        <h1><img src="__PUBLIC__/App/famulei/mobile/images/highlights.png"/></h1>
        <p class="font30">他们都得奖了？你还不试试？</p>
        <h2 class="relative">
            <!-- ko text:curdate --><!-- /ko -->期
            <!-- ko if: winningVideos().length > 1 -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <!-- /ko -->
        </h2>
        <h3 class="absolute">每日最佳</h3>
        <h4 class="absolute">幸运玩家</h4>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper" data-bind="foreach:winningVideos">
                <div class="swiper-slide">
                    <div class="hightlvideo">
                        <!-- ko with:videos[0] -->
                        <div class="myElementout">
                            <img src="" data-bind="attr:{'src':thumb}"/>
                        </div>
                        <span class="preview-title" data-bind="text:title"></span>
                        <!-- /ko -->
                        <div class="lucky-player">
                            <ul class="preview-ul font24" data-bind="foreach:videos">
                                <!-- ko if:index > 0 -->
                                <li>
                                    <if condition="$isFromApp eq true">
                                        <a href="" data-bind="attr:{'href':'ly66play://66play?type=video&id='+id}">
                                    <else />
                                        <a href="" data-bind="attr:{'href':videoLink}" target="_blank">
                                    </if>
                                        <div class="preview-img">
                                            <img src="" data-bind="attr:{'src':thumb}"/>
                                        </div>
                                        <span class="preview-title" data-bind="text:title"></span>
                                    </a>
                                </li>
                                <!-- /ko -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /ko -->

    <!-- ko if: winningVideos().length > 0 || videos().length > 0 -->
    <!--查看活动规则-->
    <button class="font24 back_orange see-rule-btn" onclick="rulepop()">查看活动规则</button>
    <!-- /ko -->

    <!-- ko if: videos().length > 0 -->
    <!--精彩时刻-->
    <div class="preview">
        <h1><img src="__PUBLIC__/App/famulei/mobile/images/title.jpg"/></h1>
        <h2>精彩时刻</h2>
        <ul class="preview-ul font24">
            <!-- ko foreach:videos -->
            <li>
                <if condition="$isFromApp eq true">
                    <a href="" data-bind="attr:{'href':'ly66play://66play?type=video&id='+id}">
                <else />
                    <a href="" data-bind="attr:{'href':videoLink}" target="_blank">
                </if>
                    <div class="preview-img JS-vImg">
                        <img src="" data-bind="attr:{'src':thumb}"/>
                    </div>
                    <span class="preview-title" data-bind="text:title"></span>
                </a>
            </li>
            <!-- /ko -->
            <div class='loadingMore' data-bind="visible:pending">
                <img src="__PUBLIC__/App/famulei/mobile/images/loading-white.gif"/>
                加载更多...
            </div>
        </ul>
    </div>
    <!-- /ko -->
    <!--活动规则弹窗S-->
    <div id="rulePopup" class="rulePopup">
        <div class="rulediv">
            <div class="h1out">
                <h1 class="relative">
                    <img src="__PUBLIC__/App/famulei/mobile/images/rules.png"/>
                    <em class="close absolute" onclick="hid()"></em>
                </h1>
                <h2>活动规则</h2>
            </div>
            <p>
                <span>活动内容</span>
                只要你在66play( http://www.66play.com/)上录制《守望先锋》里的“亮眼表现”或者“全场最佳”(不一定 是你打出来的)，然后把该视频通过分享发布在伐木累上，在标题中加上#66赢大奖#即算参与活动。<br>
                你录制的“亮眼表现”可以是自己的，可以是队友的，甚至是对手的也可以!只要录到就是赚到!
            </p>
            <p>
                <span>特别说明</span>
                1. 所有活动参与内容必须以帖子的形式发布在伐木累“守望先锋主讨论区”圈子中。<br>
                2. 参与活动的视频，其66play账号和伐木累账号必须一致，否则取消获奖资格。<br>
                3. 每个ID可以发布多个活动贴，但是内容不能重复。同时每个ID每日只能获得一次奖品。<br>
                4. 获奖奖品将于中奖名单公布后7个工作日内公布。<br>
                5. 最终解释权归伐木累运营团队所有。<br>
                6. 活动教程随后发布
            </p>
            <p>
                <span>活动奖励</span>
                1. 无人可挡奖：每天我们会从所有活动帖中选出一个每日最佳“亮眼表现”，向帖子作者赠送60战网点（11个补给箱）!
                2. 幸运女神奖：就算你今天没有录到好视频也所以别灰心，幸运女神也会向你垂青。每天我们会随机抽 出3个发帖参与活动的幸运用户，向帖子作者赠送30战网点。<br>
            </p>
        </div>
    </div>
    <div class="popbg" onclick="hid()"></div>
    <!--活动规则弹窗E-->

    <script type="text/javascript">
        window._THIS = {
            videoLink : "{:U('home/share/video')}",
            url : "{:U('famulei/index')}",
            pager : {$limit},
            p : 1,
            iframeUrl : "{:U('home/VideoPlay/play')}",
        };
        function dataInit() {
            var winningVideos = {$winningVideos|json_encode};
            viewModel.winningVideos(getWinningVideos(winningVideos));
            var videos = {$videos|json_encode};
            viewModel.videos(getVideos(videos));

            if (viewModel.winningVideos().length > 1) {
                var swiper = new Swiper('.swiper-container', {
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    paginationClickable: true,
                    onTransitionEnd : function(el) {
                        var index = el.snapIndex;
                        viewModel.curdate(viewModel.winningVideos()[index].date);
                        $('iframe').remove();
                        $('.myElementout').find('img').fadeIn();

                        var iframeUrl = viewModel.winningVideos()[index].videos[0].iframeUrl;
                        var iframe = '<iframe src="'+iframeUrl+'" scrolling="no" frameborder="0"></iframe>';
                        $('.swiper-slide-active').find('.myElementout>img').fadeOut();
                        $('.swiper-slide-active').find('.myElementout').append(iframe);
                    }
                });
            }

            resetElementHeight();

            if (viewModel.winningVideos().length > 0) {
                viewModel.curdate(viewModel.winningVideos()[0].date);
                var iframeUrl = viewModel.winningVideos()[0].videos[0].iframeUrl;
                var iframe = '<iframe src="'+iframeUrl+'" scrolling="no" frameborder="0"></iframe>';
                $('.myElementout:first').find('img').fadeOut();
                $('.myElementout:first').append(iframe);
            }
        }
    </script>
</body>
</html>
